<template>
    <footer class="caih-footer" :class="props.type">
        中国—东盟信息港股份有限公司
        <i></i>
        Copyright &copy; 2020-2022 杭州白令数字科技有限公司 All Rights Reserved.
    </footer>
</template>

<script setup lang="ts">
type Props = {
    type: "black" | "white";
};
const props = withDefaults(defineProps<Props>(), { type: "white" });
</script>

<style lang="scss" scoped>
.caih-footer {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    &.black {
        color: rgba(#fff, 0.65);
        background: #333;
    }
    &.white {
        background: #fff;
        i {
            background: var(--el-text-color-primary);
        }
    }
    i {
        width: 1px;
        height: 12px;
        background: rgba(#fff, 0.45);
        margin: 0 12px;
    }
}
</style>
